<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script src="js/jquery-3.1.1.js"></script>

<script src="media/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="media/css/jquery.dataTables.css"/>

<!-- <script src="media/js/dataTables.bootstrap4.js"></script> -->
<!-- <link rel="stylesheet" href="media/css/dataTables.bootstrap4.css"/> -->

<link rel="stylesheet" href="css/List.css"/>

<script type="text/javascript">
	var dat = ${userController.listStringUsers};
	var table = $(document).ready(function(){
		$("#dataTable").DataTable({
			select: {
		        items: 'multi',
		        info: true
		    },
			data:dat,
			columns:[
		         {title:"id"},
		         {title:"username"},
		         {title:"password"},
		         {title:"addtime"},
		         {title:"operate"}
			]
			
		});
		
		$("#dataTable").click(function(e){
			//console.log(e);
			console.log(e.target.innerHTML);
		}); 
		
	});
	
</script>

</head>

<body>
<button onclick="javascript:window.history.go(-1)" 
style="width:80px;height:35px;border-radius:5px;background-color:#B4CDE6;margin-bottom:10px" >返回</button>
	<fieldset>
		<legend></legend>
		<table id="dataTable" class="display" width="100%"></table>
	</fieldset>
</body>
</html>